<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
		<title>赛车计划</title>
		<link rel="stylesheet" type="text/css" href="../../../../public/plug/drag/drag.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../../public/plug/modal/modal.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../../public/index/iconfont/style.css" />
		<link rel="stylesheet" type="text/css" href="../../../../public/index/css/layout.mobile.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../../public/index/css/index.index.css" />
		<style type="text/css">
			/*body {
				-webkit-user-select: all;
			}*/
			
			.dragContainer {
				box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.32);
				height: 40px;
				line-height: 40px;
			}
			
			.iptbox .label {
				width: 56px;
			}
			
			 ::-webkit-input-placeholder {
				/* WebKit browsers */
				color: #DCDCDC;
			}
			
			 :-moz-placeholder {
				/* Mozilla Firefox 4 to 18 */
				color: #DCDCDC;
			}
			
			 ::-moz-placeholder {
				/* Mozilla Firefox 19+ */
				color: #DCDCDC;
			}
			
			 :-ms-input-placeholder {
				/* Internet Explorer 10+ */
				color: #DCDCDC;
			}
			
			.ipt-paste {
				display: block;
				width: 48px;
				text-align: center;
				color: #FFFFFF;
				background-color: #FFA77B;
			}
			.ipt-paste:hover,
			.ipt-paste:active {
				color: #fff;
			}
		</style>
	</head>

	<body>
		<header class="layout-header">
			<a href="javascript:;" class="header-cell-l action-goback"><i class="icon-arrowhead-left icon-form-dirs-left"></i></a>
			<p class="header-cell-c">注册帐号</p>
		</header>

		<div class="wrap">

			<div class="logobox">
				<img src="../../../../public/index/image/logo.png" />
			</div>

			<form class="p-t-4x p-x-3x" action="/*" method="post" onsubmit="return false;">
				<div class="dis-table iptbox">
					<div class="dis-cell label">
						<p class="p-r-1x">推荐码 </p>
					</div>
					<div class="dis-cell iptx p-l-1x">
						<input class="" id="ipt-reffer" type="text" placeholder="可选，推荐码赠送5天使用期" />
					</div>
					<div class="dis-cell form-r" style="width: 40px;">
						<a href="javascript:;" class="ipt-paste">粘贴</a>
					</div>
				</div>
				<div class="dis-table iptbox m-t-2x">
					<div class="dis-cell label">
						<p class="p-r-1x">手机号 </p>
					</div>
					<div class="dis-cell iptx p-l-1x">
						<input class="" id="ipt-mobile" type="number" placeholder="" />
					</div>
				</div>
				<div class="m-t-2x fs14r" id="dgx"></div>
				<div id="vercont" style="display: none;">
					<div class="dis-table iptbox m-t-2x">
						<div class="dis-cell label">
							<p class="p-r-1x">验证码 </p>
						</div>
						<div class="dis-cell iptx p-l-1x">
							<input class="" id="ipt-code" type="number" placeholder="" />
						</div>
						<div class="dis-cell form-r">
							<a href="javascript:;" class="ipt-ver">获取验证码</a>
						</div>
					</div>
					<!--<div class="btnTabox m-b-4x">
                        <div class="dis-table">
                            <a href="javascript:;" class="dis-cell btnTab active">普通会员</a>
                            <a href="javascript:;" class="dis-cell btnTab">高级会员</a>
                            <a href="javascript:;" class="dis-cell btnTab">超级会员</a>
                        </div>
                    </div>-->
				</div>
			</form>

			<div class="btnbox p-x-3x m-t-4x">
				<a href="javascript:;" class="btnSubmit" disabled="disabled">确定</a>
			</div>
		</div>

		<script type="text/javascript" charset="utf-8" src="../../../../public/lib/api.js"></script>
		<script type="text/javascript" charset="utf-8" src="../../../../public/lib/jquery.slim.min.js"></script>
		<!--<script type="text/javascript" charset="utf-8" src="../../../../public/plug/layer/mobile/layer.js"></script>-->
		<script type="text/javascript" charset="utf-8" src="../../../../public/lib/tool.min.js"></script>
		<script type="text/javascript" charset="utf-8" src="../../../../public/lib/interactive.min.js"></script>
		<script type="text/javascript" charset="utf-8" src="../../../../public/plug/modal/modal.min.js"></script>
		<script type="text/javascript" charset="utf-8" src="../../../../public/plug/drag/drag.min.js"></script>
		<script type="text/javascript" charset="utf-8" src="../../../../public/index/js/all.js"></script>
		<script type="text/javascript">
			window.onload = function() {
				drag.config({
					container: document.querySelector('#dgx'),
					complete: function() {
						fadeIptBox();
					}
				});
				drag.init();

				$('.btnTab').on('click', function(e) {
					$(this).addClass('active').siblings().removeClass('active');
				});
			}

			function fadeIptBox() {
				document.querySelector('#dgx').style.display = 'none';
				document.querySelector('#vercont').style.display = 'block';
			}
		</script>
		<script type="text/javascript" charset="utf-8" src="../../../../public/index/js/reg.index.js"></script>
	</body>

</html>